html * {
    margin: 0;
    /*padding: 0; SELECT NOT DISPLAYED CORRECTLY IN FIREFOX */
}

/* GENERAL */

.spinner {
    padding: 5px;
    position: absolute;
    right: 0;
}

body {
    background: #fff;
    color: #333;
    font: 11px verdana, arial, helvetica, sans-serif;
    margin: 1em 5em;
    padding: 1em;
}

table {
	font: 11px verdana, arial, helvetica, sans-serif;
}

/* LINKS */
.reference {
	font-weight: bold;
	color: #555;
}


/* HEADING */
h1 {
    font-size: 18px;
    padding: 5px 10px;
    margin: 10px 0px;
    border: 1px dotted #ccc;
    color: #fff;
    background-color: #0077aa;
    /* TODO: change background to gradient color */
}

h3 {
    font-size: 13px;
    padding: 5px;
    margin: 5px 0px;
    background-color: #33aaff;
    color: #fff;
}

#footer {
	text-align: right;
	margin-top: 1em;
	border-top: 1px solid #ccc;
	padding: 5px 0px;
}

.odd {
    background: #f7f7f7;
}
.even {
    background: #fff;
}

fieldset {
    padding: 10px;
    border: 1px solid #ccc;
}


/* MESSAGES & ERRORS */
.message {
    background: #f3f8fc url(../images/skin/information.png) 8px 50% no-repeat;
    border: 1px solid #b2d1ff;
    color: #006dba;
    margin: 10px 0;
    padding: 5px 5px 5px 30px
}
div.errors {
    background: #fff3f3;
    border: 1px solid red;
    color: #cc0000;
    padding: 5px;
}
label.errors {
	color: #cc0000;
}


/* TABLE */
.list table {
    width: 100%;
}
.list th, .list td {
    padding: 5px;
}
.list tr:hover {
    background: #eeeeee;
}
.list th {
	background-color: #0077aa;
	color: #ffffff;
}
.list th a {
	color: #ffffff;
}


/* FORM */
.required {
    font-weight: bold;
}
.notes {
    color: #aaa;
}

textarea {
    width: 350px;
    height: 80px;
    vertical-align: top;
}

/* DIALOG */
.dialog table {
    width: 100%;
}
.dialog th, .dialog td {
    padding: 5px;
}
.dialog .name {
	font-weight: bold;
	background-color: #eee;
}


/* BUTTONS */
div.buttons {
	background-color: #ccc;
	padding: 5px 10px;
}

/*div.buttons input {
	padding: 5px;
}*/


/* MAIN */
.items td {
	padding: 5px
}

#time-status {
	float: right;
	background-color: #fff;
	color: #000;
	font-size: 10px;
	padding: 4px 10px;
	border: 1px solid #000;
	font-weight: normal;
}
#remainingTime {
	font-weight: bold;
}

#mainPageNav {
	background-color: #ccc;
	padding: 5px;
	font-weight: bold;
	text-align: center;
	font-size: 15px;
}